<template>
  <div>
    <v-layout row wrap>
      <v-flex xs12 class="descriptionBox">
        <v-card>
          <v-layout row wrap>
            <v-flex xs8>
              <v-card-title primary-title>
                <div>
                  <div class="headline">可回收垃圾</div>
                  <span>废纸、塑料、玻璃、金属、布料等再生利用价值较高，能进入废品回收渠道的垃圾，投入蓝色垃圾桶，鼓励出售。</span>
                </div>
              </v-card-title>
            </v-flex>
            <v-flex xs4>
              <v-layout align-center justify-center fill-height>
                <v-img src="/img/recyclable_waste.png" height="auto" contain></v-img>
              </v-layout>
            </v-flex>
          </v-layout>
        </v-card>
      </v-flex>
      <v-flex xs12 class="descriptionBox">
        <v-card>
          <v-layout row wrap>
            <v-flex xs8>
              <v-card-title primary-title>
                <div>
                  <div class="headline">有害垃圾</div>
                  <span>电池、荧光灯管、油漆桶、部分家电、过期药品等含有对人体健康有害的重金属、有毒的物质或者对环境造成现实危害或者潜在危害的废弃物，投入红色垃圾桶，单独回收或填埋处理。</span>
                </div>
              </v-card-title>
            </v-flex>
            <v-flex xs4>
              <v-layout align-center justify-center fill-height>
                <v-img src="/img/hazardous_waste.png" height="auto" contain></v-img>
              </v-layout>
            </v-flex>
          </v-layout>
        </v-card>
      </v-flex>
      <v-flex xs12 class="descriptionBox">
        <v-card>
          <v-layout row wrap>
            <v-flex xs8>
              <v-card-title primary-title>
                <div>
                  <div class="headline">厨余垃圾(湿垃圾)</div>
                  <span>厨房产生的剩菜剩饭、骨头、菜根菜叶、果皮等食品类废物。经生物技术就地处理堆肥，可生产有机肥料。投入棕色(部分地区为绿色)垃圾桶。</span>
                </div>
              </v-card-title>
            </v-flex>
            <v-flex xs4>
              <v-layout align-center justify-center fill-height>
                <v-img src="/img/household_food_waste.png" height="auto" contain></v-img>
              </v-layout>
            </v-flex>
          </v-layout>
        </v-card>
      </v-flex>
      <v-flex xs12 class="descriptionBox">
        <v-card>
          <v-layout row wrap>
            <v-flex xs8>
              <v-card-title primary-title>
                <div>
                  <div class="headline">干垃圾(其他垃圾)</div>
                  <span>砖瓦陶瓷、渣土、卫生间废纸、纸巾、果壳、尘土、食品袋（盒）等除上述几类垃圾之外的各类废弃物。采取卫生填埋可有效减少对地下水、地表水、土壤及空气的污染。投入灰色(部分地区为黄色)垃圾桶。</span>
                </div>
              </v-card-title>
            </v-flex>
            <v-flex xs4>
              <v-layout align-center justify-center fill-height>
                <v-img src="/img/residual_waste.png" height="auto" contain></v-img>
              </v-layout>
            </v-flex>
          </v-layout>
        </v-card>
      </v-flex>
      <v-flex xs12 class="descriptionBox">
        <v-card color="grey lighten-1">
          <v-card-title primary-title>
            <div class="textTitle">
              <div class="headline">铪星分类助手</div>
              <span>铪星创新科技有限公司，为您呈现</span>
            </div>
          </v-card-title>
        </v-card>
      </v-flex>
    </v-layout>
  </div>
</template>
<script>
export default {

}
</script>
<style lang="less" scoped>
.descriptionBox {
  margin-bottom: 10px;
}
.textTitle{
  text-align: center;
  width: 100%;
  color: #FFF;
}
</style>
